<!DOCTYPE html>
<html lang="en">
<head>
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Title</title>
</head>
<body>
<div class="container b-container" id="b-container" >
    <form action="" method="POST" class="form" id="b-form">
        {% csrf_token %}
        <h2 class="form_title title">登入账号</h2>
        <input type="text" class="form_input" placeholder="账号" name="username" required>
        <input type="password" class="form_input" placeholder="密码" name="password" required>
        {% if messages %}
            {% for meg in messages %}
                <span style="...">{{meg.message }}</span>
            {% endfor %}
        {% endif %}
        <button class="form_button botton" type="submit">登录</button>
    </form>
</div>
<div class="switch" id="switch-cnt">
    <div class="switch_circle"></div>
    <div class="switch_circle switch_circle-t"></div>
    <div class="switch_container" id="switch-c1">
        <h2 class="switch_title title" style="...">Hello</h2>
        <p class="switch_description description">注册账号</p>
        <button class="switch_button button switch-btn"><a href="/register/">注册</a> </button>
    </div>
</div>
</body>
</html>